<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no" />
		<title>供应</title>
		<link rel="stylesheet" type="text/css" href="../css/aui.css" />
		<link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
		<style>
			body{
				background: #fff;
				font-size: 13px;
			}
			header .pic img{
				width: 100%;
			}
			.item .aui-list-view.aui-grid-view{
				padding: 0;
			}
			.item .aui-list-view.aui-grid-view .aui-list-view-cell{
				padding:0;
				margin-bottom:3px;
				position: relative;
			}
			.item .aui-img-body{
				position: absolute;
				bottom: 0px;
				color:#fff;
				font-weight: bold;
				letter-spacing:2px;   
				padding: 6px 0 !important;
			    right: 0;
			    left: 0;
			}
			.item .aui-list-view.aui-grid-view .aui-list-view-cell:nth-of-type(3n+2){
				margin: 0 .5%;
			}
			.item .aui-col-xs-4{
				width: 33%;
			}
			.title{
				padding:12px;
				font-size: 14px;
				border-left: 3px solid #327afa;
			}
			.aui-slide-page-active{
				background: #f5b5b0;
			}
		</style>
	</head>
	<body>
		<header>
			<div class="pic">
				<img src="../image/gongying.jpg" alt="">
			</div>
		</header><!-- /header -->
		<div class="contain">
			<div class="item">
				<div class="title">
					天然原料
				</div>
				<div class="ulSwipe swiper-container" id="aui-slide">
					<div class="swiper-wrapper aui-slide-wrap">
						<ul class="aui-list-view aui-grid-view swiper-slide aui-slide-node">
					        <li class="aui-list-view-cell aui-img aui-col-xs-4">
					            <img class="aui-img-object" src="../image/tese.jpg">
					            <div class="aui-img-body">
					                面料市场
					            </div>
					        </li>
					        <li class="aui-list-view-cell aui-img aui-col-xs-4">
					            <img class="aui-img-object" src="../image/tese.jpg">
					            <div class="aui-img-body">
					                面料市场
					            </div>
					        </li>
					        <li class="aui-list-view-cell aui-img aui-col-xs-4">
					            <img class="aui-img-object" src="../image/tese.jpg">
					            <div class="aui-img-body">
					                面料市场
					            </div>
					        </li>
					     </ul>
				     	<ul class="aui-list-view aui-grid-view swiper-slide aui-slide-node">
				             <li class="aui-list-view-cell aui-img aui-col-xs-4">
				                 <img class="aui-img-object" src="../image/tese.jpg">
				                 <div class="aui-img-body">
				                     面料市场
				                 </div>
				             </li>
				             <li class="aui-list-view-cell aui-img aui-col-xs-4">
				                 <img class="aui-img-object" src="../image/tese.jpg">
				                 <div class="aui-img-body">
				                     面料市场
				                 </div>
				             </li>
				             <li class="aui-list-view-cell aui-img aui-col-xs-4">
				                 <img class="aui-img-object" src="../image/tese.jpg">
				                 <div class="aui-img-body">
				                     面料市场
				                 </div>
				             </li>
			          </ul>
			         </div>
			         <div class="swiper-pagination aui-slide-page-wrap"><!--分页容器--></div>
			    </div>
			</div>

			<div class="item">
				<div class="title">
					化纤
				</div>
				<div class="ulSwipe swiper-container" id="aui-slide1">
					<div class="swiper-wrapper aui-slide-wrap">
						<ul class="aui-list-view aui-grid-view swiper-slide aui-slide-node">
					        <li class="aui-list-view-cell aui-img aui-col-xs-4">
					            <img class="aui-img-object" src="../image/tese.jpg">
					            <div class="aui-img-body">
					                面料市场
					            </div>
					        </li>
					        <li class="aui-list-view-cell aui-img aui-col-xs-4">
					            <img class="aui-img-object" src="../image/tese.jpg">
					            <div class="aui-img-body">
					                面料市场
					            </div>
					        </li>
					        <li class="aui-list-view-cell aui-img aui-col-xs-4">
					            <img class="aui-img-object" src="../image/tese.jpg">
					            <div class="aui-img-body">
					                面料市场
					            </div>
					        </li>
					     </ul>
				     	<ul class="aui-list-view aui-grid-view swiper-slide aui-slide-node">
				             <li class="aui-list-view-cell aui-img aui-col-xs-4">
				                 <img class="aui-img-object" src="../image/tese.jpg">
				                 <div class="aui-img-body">
				                     面料市场
				                 </div>
				             </li>
				             <li class="aui-list-view-cell aui-img aui-col-xs-4">
				                 <img class="aui-img-object" src="../image/tese.jpg">
				                 <div class="aui-img-body">
				                     面料市场
				                 </div>
				             </li>
				             <li class="aui-list-view-cell aui-img aui-col-xs-4">
				                 <img class="aui-img-object" src="../image/tese.jpg">
				                 <div class="aui-img-body">
				                     面料市场
				                 </div>
				             </li>
			          </ul>
			         </div>
			         <div class="swiper-pagination aui-slide-page-wrap"><!--分页容器--></div>
			    </div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../script/api.js" ></script>
	<script type="text/javascript" src="../script/doT.min.js"></script>
	<script type="text/javascript" src="../script/echo.js"></script>
	<script type="text/javascript" src="../script/common.js"></script>
	<script type="text/javascript" src="../script/myInfo.js"></script>
	<script type="text/javascript" src="../script/jquery-1.11.3.js"></script>
	<script type="text/javascript" src="../script/aui-slide.js"></script>
	<script type="text/javascript">
		apiready = function() {
			api.parseTapmode();
			// getData();
			api.setRefreshHeaderInfo({
				visible : true,
				loadingImg : 'widget://image/ptr_pull.png',
				bgColor : '#efeff4',
				textColor : '#959595',
				textDown : '下拉刷新',
				textUp : '松开刷新',
				showTime : true
			}, function(ret, err) {
				page = 1;
				getData();
				api.refreshHeaderLoadDone();
			});
			//重新登录监听
			api.addEventListener({
				name : 'reGetMyInfo'
			}, function(ret) {
				if (ret && ret.value) {
					page = 1;
					getData();
				}
			});
		}
		//多个轮播也要写多个轮播
		var slide = new auiSlide({
		        container:document.getElementById("aui-slide"),
		        // "width":300,
		        "height":200,
		        "speed":300,
		        "pageShow":true,
		        "autoPlay": 5000,
		        "pageStyle":'dot',
		        "loop":true,
		        'dotPosition':'center'
	    })
		var slide1 = new auiSlide({
		        container:document.getElementById("aui-slide1"),
		        // "width":300,
		        "height":200,
		        "speed":300,
		        "pageShow":true,
		        "autoPlay": 5000,
		        "pageStyle":'dot',
		        "loop":true,
		        'dotPosition':'center'
	    })
		function doSearch(){
			$api.addCls($api.dom(".aui-searchbar-wrap"),"focus");
			$api.dom('.aui-searchbar-input input').focus();
		}
		function cancelSearch(){
			$api.removeCls($api.dom(".aui-searchbar-wrap.focus"),"focus");
			$api.val($api.byId("search-input"),'');
			$api.dom('.aui-searchbar-input input').blur();
		}
		function clearInput(){
			$api.val($api.byId("search-input"),'');
		}
		function search(){
			var content = $api.val($api.byId("search-input"));
			if(content){
				api.alert({
				    title: '搜索提示',
				    msg: '您输入的内容为：'+content
				});
			}else{
				api.alert({
				    title: '搜索提示',
				    msg: '您没有输入任何内容'
				});
			}
			cancelSearch();
		}
	</script>
</html>